<nz-card>
    <form nz-form
          [formGroup]="validateForm"
          (submit)="update()"
    >
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="6">
                <label nz-form-item for="uesrname">用户名</label>
            </div>
            <div nz-form-control nz-col [nzSpan]="12" id="uesrname">
                {{userinfo.username}}
            </div>
        </div>

        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="6">
                <label nz-form-item for="phone">电话</label>
            </div>
            <div nz-form-control nz-col [nzSpan]="12" id="phone">
                {{userinfo.username}}
            </div>
        </div>

        <div nz-form-item nz-row [nzType]="'flex'" [nzAlign]="'middle' ">
            <div nz-form-label nz-col [nzSpan]="6">
                <label for="headimg" nz-form-item-required>头像</label>
            </div>
            <div nz-col [nzSpan]="12" id="headimg">
                <span *ngIf="!userinfo.head">尚未上传</span>
                <!--<img *ngIf="userinfo.headimg" [src]="userinfo.headimg" class="avatar">-->
                <app-myimgload [srcimg]="userinfo.head"></app-myimgload>
            </div>

        </div>

        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="6">
                <label for="nickname" nz-form-item-required>昵称</label>
            </div>
            <div nz-col [nzSpan]="12" id="nickname">
                <nz-input [nzPlaceHolder]="'昵称'" formControlName="nickname">
                </nz-input>
            </div>
        </div>


        <div nz-form-item nz-row [nzType]="'flex'" [nzAlign]="'middle' ">
            <div nz-form-label nz-col [nzSpan]="6">
                <label for="sex" nz-form-item-required>性别</label>
            </div>
            <div nz-col [nzSpan]="12" id="sex">

                <nz-radio-group formControlName="sex">
                    <label nz-radio [nzValue]="0">
                        <span>男</span>
                    </label>
                    <label nz-radio [nzValue]="1">
                        <span>女</span>
                    </label>
                </nz-radio-group>
            </div>
        </div>


        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="6">
                <label for="email" nz-form-item-required>邮箱</label>
            </div>
            <div nz-col [nzSpan]="12" id="email">
                <nz-input [nzPlaceHolder]="''" formControlName="email"></nz-input>
            </div>
        </div>

        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="6">
                <label for="address" nz-form-item-required>地址</label>
            </div>
            <div nz-col [nzSpan]="12" id="address">
                <nz-input [nzPlaceHolder]="''" formControlName="address"></nz-input>
            </div>
        </div>

        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="6">
                <!--<label nz-form-item-required>操作</label>-->
            </div>
            <div nz-col [nzSpan]="12">
                <button nz-button [nzType]="'primary'" type="submit">保存</button>
                <button nz-button [nzType]="'default'" type="reset" (click)="cancel()">后退</button>
            </div>
        </div>
    </form>
</nz-card>
